<ui:composition template="/template/twocolumn2.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="conteudo">
		<h3>Consulta de Aluno</h3>
		<h:form id="form">
			<h:messages style="color:red" />

			<p:dataTable value="#{alunoMB.alunos}" var="aluno"
				paginator="#{alunoMB.alunos.size() > 5}" rows="10"
				paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks}
					{NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				rowsPerPageTemplate="5,10,15" style="width: 100%" lazy="true">

				<p:column>
					<f:facet name="header">#{Message['label.usuario.matricula']}</f:facet>
					<h:outputText value="#{aluno.matricula}" />
				</p:column>
				<p:column>
					<f:facet name="header">#{Message['label.usuario.nome']}</f:facet>
					<h:outputText value="#{aluno.nome}" />
				</p:column>
				<p:column>
					<f:facet name="header">#{Message['label.usuario.email']}</f:facet>
					<h:outputText value="#{aluno.email}" />
				</p:column>
				<p:column>
					<f:facet name="header">#{Message['label.usuario.curso']}</f:facet>
					<h:outputText value="#{aluno.curso.nome}" />
				</p:column>
				<p:column>
					<f:facet name="header">Dados</f:facet>
					<p:commandButton id="selectButton" update=":form:display"
						oncomplete="PF('carDialog').show()" icon="ui-icon-search"
						title="View">
						<f:setPropertyActionListener value="#{aluno}"
							target="#{alunoMB.alunoSelecionado}" />
					</p:commandButton>
				</p:column>
				<p:column style="width:4%">
					<p:commandButton id="alterButton"
						action="#{alunoMB.paginaAlterarAluno}" value="Editar" title="View">
						<f:setPropertyActionListener value="#{aluno}"
							target="#{alunoMB.alunoSelecionado}" />
					</p:commandButton>
				</p:column>
			</p:dataTable>

			<p:dialog header="#{alunoMB.alunoSelecionado.nome}"
				widgetVar="carDialog" width="300" resizable="true" id="carDlg"
				showEffect="fade" hideEffect="explode" modal="true">

				<h:panelGrid id="display" columns="2" cellpadding="4"
					style="margin:0 auto;">
					<h:outputText value="CPF:" />
					<h:outputText value="#{alunoMB.alunoSelecionado.cpf}"
						style="font-weight:bold" />
						
				    <h:outputText value="Status:" />
                    <h:outputText value="#{alunoMB.alunoSelecionado.statusUsuario.valor}"
                        style="font-weight:bold" />

					<h:outputText value="Telefone:" />
					<h:outputText value="#{alunoMB.alunoSelecionado.telefone}"
						style="font-weight:bold" />

					<h:outputText value="Endereço:" />
					<h:outputText value="#{alunoMB.alunoSelecionado.endereco}"
						style="font-weight:bold" />

					<h:outputText value="Cidade:" />
					<h:outputText value="#{alunoMB.alunoSelecionado.cidade}"
						style="font-weight:bold" />

					<h:outputText value="UF:" />
					<h:outputText value="#{alunoMB.alunoSelecionado.uf}"
						style="font-weight:bold" />

					<h:outputText value="Turmas:" />
					<ui:repeat var="turma" value="#{alunoMB.converteOpcaosParaList(alunoMB.alunoSelecionado.turmas)}">
						<h:outputText value="#{turma.nome}" style="font-weight:bold" />
					</ui:repeat>
				</h:panelGrid>

			</p:dialog>

		</h:form>
	</ui:define>
</ui:composition>
